<!DOCTYPE html>
<html>


<head>

    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,  user-scalable=no">

    <title>Barthel指数</title>

    <!--<link href="/css/bootstrap.min.css" rel="stylesheet">-->
    <!--<link href="/css/font-awesome/css/font-awesome.css" rel="stylesheet">-->

    <!--<link href="/css/animate.css" rel="stylesheet">-->
    <!--<link href="/css/style.css" rel="stylesheet">-->
    <!--<link href="/css/ics/common.css" rel="stylesheet">-->


    <style>
        /*.table-a table{border:1px solid #000000}*/

        td {
            vertical-align: bottom;
        }
    </style>


</head>

<body>
    <!--<div style="font-size: 16px;height: 26px;margin-bottom: 26px;border-bottom: 1px solid #d0d0d0;">-->
        <!--<label class="print-font16">评定内容</label>-->
    <!--</div>-->

    <div style="font-size: 16px;height: 26px;/*margin-bottom: 26px;*/">
        <table width="100%">
            <tr>
                <td align="left">
                    <label class="print-font16">评定内容</label>
                </td>

                <td align="right">
                    <table  class="edit-page hide no-print">
                        <tr>
                            <td><label class="print-font16">快速评测:</label></td>
                            <td style="padding-bottom: 8px">
                                <select id="select_fast_eval" onchange="fastEval();" style="font-size: 13px; padding: 0;height: 22px;width: 80px"  class="form-control">
                                    <option value="0">请选择</option>
                                    <option value="1">均选择0</option>
                                </select>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <div style="height: 1px;border-bottom: 1px solid #d0d0d0;"  class="print-div-hr"/>


    <div class="hide">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td align="left" width="80px"><label style="font-size: 13px">陪同者</label></td>
                <td align="left"><input type="text" class="form-control" style="width: 200px" id="text_companion"/></td>
            </tr>
        </table>

    </div>

    <div class="hide">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td align="left" width="80px"><label style="font-size: 13px">陪同者</label></td>
                <td align="left"><input id="span_companion" class="form-control" style="font-weight:normal;width: 200px" disabled="disabled"></td>
            </tr>
        </table>
    </div>

    <!--<div style="margin-bottom: 30px;font-size: 20px">-->
    <!--<label>评定内容</label>-->
    <!--</div>-->

    <form id="form_gauge">
        <div class="table-a" style="margin-top: 30px">
            <table id="table_guage" border="0" cellspacing="0" cellpadding="0" width="100%">
            </table>
        </div>
        <div id="div_edit" class="" style="margin-top: 26px;border-bottom: 1px solid #d0d0d0;">
            <label style="font-size: 16px;font-weight: bold;">评定结果</label>
        </div>
        <table id="table_total" class="view-page table table-bordered hide" style="margin-top: 26px" border="1"
               cellspacing="0" cellpadding="0">
            <tr>
                <td width="40%" align="center"><span>总分</span></td>

                <td width="60%" align="center"><span class="span-total-score"></span></td>
            </tr>

        </table>

        <table id="table_total_edit" class="edit-page table table-bordered hide" style="margin-top: 26px" border="1"
               cellspacing="0"
               cellpadding="0">
            <tr>

                <td width="40%" align="center"><span>总分</span></td>

                <td width="60%" align="center">
                    <input type="text" readonly="true" id="totalScore" style= "background-color:transparent; border: none;text-align: center">
                </td>
            </tr>

        </table>
    </form>


    <div class="edit-page hide" style="margin-top: 20px">
        <div class="col-sm-2"></div>
        <div class="col-sm-4" style="text-align: center">
            <button class="btn btn-white" onclick="resetPage()" type="button" style="width: 102px">重置
            </button>
        </div>
        <div class="col-sm-4" style="text-align: center">
            <button class="btn btn-primary" onclick="submitGaugeResult()" type="button" style="width: 102px">提交
            </button>
        </div>
    </div>

</body>

<script>

    var totalScore = 0;

    var spanTotalSpan = $(".span-total-score");

    var totalInput = $("#totalScore");


    var editPage = $(".edit-page");
    var viewPage = $(".view-page");

    var textCompanion = $("#text_companion");
    var spanCompanion = $("#span_companion");

//    var gaugeRecordId = $.getUrlParam("gauge_record_id");
//    var prcpItemId = $.getUrlParam("prcp_item_id");
//
//    var editable = $.getUrlParam("editable");

    var gauge_groups = ['1a意识水平', '1b意识水平提问', '1c意识水平指令', '2凝视', '3视野', '4面瘫', '5上肢运动',
        '6下肢运动', '7共济失调', '8感觉', '9语言、命名、阅读测试', '10构音障碍', '11忽视症', '12远端运动（伸展手指）'];

    var gauge_options = [
        [''], [''], [''], [''], [''], [''],
        ['5a左上肢', '5b右上肢'],
        ['6a左下肢', '6b右下肢'],
        ['', '左上肢', '左下肢', '右上肢', '右下肢'],
        [''], [''], [''], [''],
        ["12a左上肢", "12b右上肢"]
    ];

    var gauge_answers = [
                ['0=清醒，反应敏锐##1=嗜睡，最小刺激能唤醒病人完成指令、回答问题或有反应##2=昏睡或反应迟钝，需要强烈反复刺激或疼痛刺激才能有非固定模式的反应##3=仅有反射活动或自发反应，或完全没反应、软瘫、无反应'],
                ['0=都正确##1=正确回答一个##2=两个都不正确或不能说'],
                ['0=都正确##1=正确完成一个##2=都不正确'],
                ['0=正常##1=部分凝视麻痹（单眼或双眼凝视异常，但无被动凝视或完全凝视麻痹）##2=被动凝视或完全凝视麻痹（不能被眼头动作克服）'],
                ['0=无视野缺失##1=部分偏盲##2=完全偏盲##3=双侧偏盲（全盲，包括皮质盲）'],
                ['0=正常##1=最小（鼻唇沟变平、微笑时不对称）##2=部分（下面部完全或几乎完全瘫痪，中枢性瘫）##3=完全（单或双侧瘫痪，上下面部缺乏运动，周围性瘫）'],
                ['0=上肢于要求位置坚持10秒，无下落##1=上肢能抬起，但不能维持10秒，下落时不撞击床或其他支持物##2=能对抗一些重力，但上肢不能达 到或维持坐位90º或位卧45º，较快下落到床上##3=不能抗重力，上肢快速下落##4=无运动##9=截肢或关节融合',
                    '0=上肢于要求位置坚持10秒，无下落##1=上肢能抬起，但不能维持10秒，下落时不撞击床或其他支持物##2=能对抗一些重力，但上肢不能达 到或维持坐位90º或位卧45º，较快下落到床上##3=不能抗重力，上肢快速下落##4=无运动##9=截肢或关节融合'],
                ['0=于要求位置坚持5秒，不下落##1=在5秒末下落，不撞击床##2=5秒内较快下落到床上，但可抗重力##3=快速落下，不能抗重力##4=无运动##9=截肢或关节融合',
                    '0=于要求位置坚持5秒，不下落##1=在5秒末下落，不撞击床##2=5秒内较快下落到床上，但可抗重力##3=快速落下，不能抗重力##4=无运动##9=截肢或关节融合'],
                ['0=没有共济失调##1=一侧肢体有##2=两侧肢体均有##9=截肢或关节融合',
                    '0=没有共济##1=是##2=否##9=截肢或关节融合',
                    '0=没有共济##1=是##2=否##9=截肢或关节融合',
                    '0=没有共济##1=是##2=否##9=截肢或关节融合',
                    '0=没有共济##1=是##2=否##9=截肢或关节融合'],
                ['0=正常，没有感觉缺失##1=轻到中度，患侧针刺感不明显或为钝性或仅有触觉##2=严重到完全感觉缺失，面、上肢、下肢无触觉'],
                ['0=正常，无失语##1=轻到中度：流利程度和理解能力有一些缺损，但表达无明显受限##2=严重失语，交流是通过病人破碎的语言表达，听者须推理、询问、猜测，能交换的信息范围有限，检查者感交流困难##3=哑或完全失语，不能讲或不能理解'],
                ['0=正常##1=轻到中度，至少有一些发音不清，虽有困难，但能被理解##2=言语不清，不能被理解##9=气管插管或其他物理障碍'],
                ['0=没有忽视症##1=视、触、听、空间觉或个人的忽视；或对任何一种感觉的双侧同时刺激消失##2=严重的偏身忽视；超过一种形式的偏身忽视；不认识自己的手，只对一侧空间定位'],
                ['0=正常##1=5秒后至少有一些伸展，但未完全伸展手指的任何运动##2=5秒后无主动的伸展',
                    '0=正常##1=5秒后至少有一些伸展，但未完全伸展手指的任何运动##2=5秒后无主动的伸展']
            ]
            ;

    builderQuestion();


    function builderQuestion() {


        var index = 1;

        for (var i = 0; i < gauge_groups.length; i++) {
            for (var j = 0; j < gauge_options[i].length; j++) {
                if (j == 0 && gauge_groups[i] != '') {
                    //添加组标题
                    var groupTr =
                            "<tr><td  height='10px' width='25%' class='group-margin'></td><td></td></tr>" +
                            "<tr><td align='left' colspan='2'><label style='font-size: 14px;font-weight: bold'  class='label-group'>" + gauge_groups[i] + "</label></td></tr>";
                    $("#table_guage").append(groupTr);
                }
                var radio;

                radio = '<table width="100%"  border="0" cellspacing="0" cellpadding="0"></table>';

                var selectTr = "";
                selectTr = "<tr>" +
                        "<td align='left' id='td_" + i + "_" + j + "' style='vertical-align: top;text-align: center'>" + gauge_options[i][j].trim() + "</td>" +
                        "<td id='td_select_" + i + "_" + j + "' style='vertical-align: top'  class='print-td'>" +
                        "</td></tr>" + "<tr><td colspan='2' height='6.5px' style='border-bottom:1px dashed #d0d0d0;'  class='print-td'></td></tr><tr><td colspan='2' height='6.5px' class='print-td-margin'></td></tr>";
//                        "<tr><td colspan='2'><hr style='height:1px;border:none;border-top:1px dashed #d0d0d0;margin: 3.75px auto;'/></td></tr>";
                index++;
                $("#table_guage").append(selectTr);
                $("#td_select_" + i + "_" + j).append(radio);

                var answer = gauge_answers[i][j];
                var answerRadioOptions = answer.split('##');
                for (var k = 0; k < answerRadioOptions.length; k++) {
                    var answerTr = '<tr><td  width="25%" align="left" id="td_' + i + '_' + j + '_' + k + '"></td></tr>';
                    $("#td_select_" + i + "_" + j + " table").append(answerTr);
                    var radioOption = '<div style="margin: 3.75px auto" class="print-radio-margin"><input type="radio" value="' + answerRadioOptions[k].split("=")[0] + '" class="question-radio '+(k==0?' min':'')+'" onchange="changeSelect()" name="radio_' + i + '_' + j + '"/>' + answerRadioOptions[k] + '</div>';
                    $('#td_' + i + '_' + j + '_' + k).append(radioOption);
                }

            }
        }
        console.log($("#table_guage"));
    }

    function changeSelect() {

        totalScore = 0;

        for (var i = 0; i < gauge_groups.length; i++) {
            for (var j = 0; j < gauge_options[i].length; j++) {
                var value;
                if (!(i == 8 && j > 0)) {
                    value = $("input[name='radio_" + i + "_" + j + "']:checked").val();
                    if (typeof(value) == "undefined" || value == "9") {
                        value = 0;
                    } else {
                        value = parseInt(value);
                    }
                    totalScore += value;
                }
            }
        }
        totalInput.val(totalScore);


    }


    function setEditable(edit) {

        if (edit == true || edit == 'true') {
            editPage.removeClass('hide');
            viewPage.addClass('hide');
        } else {
            viewPage.removeClass('hide');
            editPage.addClass('hide');
            $(".question-radio").attr('disabled', 'disabled');
        }

    }

    function setGaugeResult(result) {
        for (var i = 0; i < gauge_groups.length; i++) {
            for (var j = 0; j < gauge_options[i].length; j++) {
                var questions = result.questions;
                for (var k = 0; k < questions.length; k++) {
//                    if (questions[k].key.trim() == gauge_options[i][j].trim()) {
                    if((questions[k].key.trim()) == (i + "-" + j)){
                        $("input[name='radio_" + i + "_" + j + "'][value=" + questions[k].value + "]").attr("checked", 'checked');
                    }
                }
            }
        }

        if(result.companion == null || result.companion == ''){
            spanCompanion.val("");
        } else {
//            spanCompanion.val(result.companion);
            spanCompanion.attr("value",result.companion);
        }

        spanTotalSpan.text(result.total_score);
    }

    function getGaugeResult() {
        changeSelect();
        var gauge = {};

        gauge.total_score = totalScore;

        var questions = [];

        var index = 0;

        for (var i = 0; i < gauge_groups.length; i++) {
            for (var j = 0; j < gauge_options[i].length; j++) {
//                var questionKey = $("#td_" + i + "_" + j).html();
             var  questionKey = i + "-" + j;
                console.log(questionKey);
//                questionKey = questionKey.trim();

                var result = $("input[name='radio_" + i + "_" + j + "']:checked").val();
                if (typeof(result) == "undefined") {
                    utils.msgError(gauge_groups[i] + gauge_options[j] + "还未评估!");
                    return;
                }
                var question = {};
                question.key = questionKey;
                question.value = result;
                questions[index++] = question;
            }
        }

        gauge.questions = questions;

        gauge.companion = textCompanion.val().trim();
        spanCompanion.val(gauge.companion);

        debugAlert(gauge);
        return gauge;
    }

    function resetPage() {
        $('#form_gauge').get(0).reset();
    }


</script>


</html>
